<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>镜像模板</title>
	<link rel="stylesheet" href="../../css/index.css" />
</head>
<body>
<!--列表内容-->
<div class="mirror-page page-bg">
	<div class="search-panel b-r-0">
		<!--搜索区域内容-->
		<div class="search-box pos-re">
			<div class="search-show">
				<div class="input-box">
					<input class="import-box" type="text" placeholder="镜像名称" />
				</div>
				<div class="input-box">
					<input class="import-box w-128 pr-30" type="text" placeholder="用户名" />
					<a class="search-down up"><i class="search-down-icon com_icon"></i></a>
				</div>
				<a class="search-btn search_icon"></a>
				<a class="search-back-btn search_icon"></a>
			</div>
			<a class="leadin-mirror create-virtual tc_btn"><i class="add-icon select_icon ml-20"></i>导入镜像</a>
		</div>
	</div>
	<!--虚拟机列表-->
	<div class="table">
		<ul class="ul_head">
			<li style="width: 3%; border:none;">
			</li>
			<li style="width: 7%;border:none;">用户名</li>
			<li style="width: 12%">镜像名称</li>
			<li style="width: 7%">可见性</li>
			<li style="width: 6%">受保护的</li>
			<li style="width: 14%">镜像大小</li>
			<li style="width: 16%">创建时间</li>
			<li style="width: 10%">任务</li>
			<li style="width: 24%">操作</li>
		</ul>
		<ul class="ul_body">
			<li class="li_tr">
				<ul>
					<li class="ul_body_td" style="width: 3%; border:none;">
						<p class="td_content">
						</p>
					</li>
					<li class="ul_body_td" style="width: 7%">
						<p class="td_content">
							troila
						</p>
					</li>
					<li class="ul_body_td" style="width: 12%">
						<p class="td_content">server10</p>
					</li>
					<li class="ul_body_td" style="width: 7%">
						<p class="td_content">公有</p>
					</li>
					<li class="ul_body_td" style="width: 6%">
						<p class="td_content">是</p>
					</li>
					<li class="ul_body_td" style="width: 14%">
						<p class="td_content">611228128字节</p>
					</li>
					<li class="ul_body_td" style="width: 16%">
						<p class="td_content">2016-12-25&nbsp;8:21:20</p>
					</li>
					<li class="ul_body_td" style="width: 10%">
						<p class="td_content">正在上传镜像</p>
					</li>
					<li class="ul_body_td" style="width: 24%">
						<div class="handle-select select_panel">
							<div class="select_normal">
								<a class="td_btn">登录</a>
								<a class="td_btn">创建快照</a>
							</div>
						</div>
					</li>
				</ul>
			</li>
			<li class="li_tr">
				<ul>
					<li class="ul_body_td" style="width: 3%; border:none;">
						<p class="td_content">
						</p>
					</li>
					<li class="ul_body_td" style="width: 7%">
						<p class="td_content">
							troila
						</p>
					</li>
					<li class="ul_body_td" style="width: 12%">
						<p class="td_content">server10</p>
					</li>
					<li class="ul_body_td" style="width: 7%">
						<p class="td_content">公有</p>
					</li>
					<li class="ul_body_td" style="width: 6%">
						<p class="td_content">是</p>
					</li>
					<li class="ul_body_td" style="width: 14%">
						<p class="td_content">611228128字节</p>
					</li>
					<li class="ul_body_td" style="width: 16%">
						<p class="td_content">2016-12-25&nbsp;8:21:20</p>
					</li>
					<li class="ul_body_td" style="width: 10%">
						<p class="td_content">正在上传镜像</p>
					</li>
					<li class="ul_body_td" style="width: 24%">
						<div class="handle-select select_panel">
							<div class="select_normal">
								<a class="td_btn">登录</a>
								<a class="td_btn">创建快照</a>
							</div>
						</div>
					</li>
				</ul>
			</li>
			<li class="li_tr">
				<ul>
					<li class="ul_body_td" style="width: 3%; border:none;">
						<p class="td_content">
						</p>
					</li>
					<li class="ul_body_td" style="width: 7%">
						<p class="td_content">
							troila
						</p>
					</li>
					<li class="ul_body_td" style="width: 12%">
						<p class="td_content">server10</p>
					</li>
					<li class="ul_body_td" style="width: 7%">
						<p class="td_content">公有</p>
					</li>
					<li class="ul_body_td" style="width: 6%">
						<p class="td_content">是</p>
					</li>
					<li class="ul_body_td" style="width: 14%">
						<p class="td_content">611228128字节</p>
					</li>
					<li class="ul_body_td" style="width: 16%">
						<p class="td_content">2016-12-25&nbsp;8:21:20</p>
					</li>
					<li class="ul_body_td" style="width: 10%">
						<p class="td_content">正在上传镜像</p>
					</li>
					<li class="ul_body_td" style="width: 24%">
						<div class="handle-select select_panel">
							<div class="select_normal">
								<a class="td_btn">登录</a>
								<a class="td_btn">创建快照</a>
							</div>
						</div>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<!--底部分页-->
	<div class="table-footer">
		<!--设置每页显示条数-->
		<div class="change-record">
			<label class="foot-label">每页显示</label>
			<div class="record-select">
				<p class="now-record">10<i class="show-record-ul com_icon"></i></p>
				<ul class="record-ul">
					<li class="record-item">10</li>
					<li class="record-item">20</li>
				</ul>
				<span class="record-unit">条</span>
				<div class="checked-count">，选中<span id="checkedCount" class="count-num color0099ff">0</span>条</div>
			</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../js/view/mirrorManage/mirrorList.js"></script>

</html>
